
.tshop-um-daojishi {
	margin-bottom: 10px;
	background: #fff;

	.hd {
		height: 30px;
		line-height: 30px;
		background: url(../../assets/images/icon-star.png) no-repeat 10px center #FC767A;
		color: #fff;
		font-size: 12px;
		text-indent: 35px;
		font-family: "times new roman";
	}

	.inner {
		padding: 10px;
	}

	.carousel {
		position: relative;
		width: 930px;
		height: 550px;
		overflow: hidden;
		background: #fff;

		a.btn-prev,
		a.btn-next {
			display: none;
		}

		.container  {
			width: 380px;
			height: 550px;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 20;

			.ks-switchable-content {
				li {
					width: 380px;
					height: 550px;
					overflow: hidden;

					.pic {
						float: left;
						width: 380px;
						height: 550px;

						a {
							display: block;
							width: 380px;
							height: 550px;
							overflow: hidden;
							background-position: center top;
							background-repeat: no-repeat;
							background-color: #FE8A8D;
						}
					}
				}
			}
		}

		.ks-switchable-nav {
			position: absolute;
			width: 550px;
			height: 550px;
			left: 380px;
			bottom: 0;
			z-index: 15;
			background: #FE8A8D;

			li  {
				position: absolute;
				width: 264px;
				height: 264px;
				overflow: hidden;

				a {
					display: block;
					width: 260px;
					height: 260px;
					overflow: hidden;
					background-color: #F1E5D6;
					background-position: center top;
					background-repeat: no-repeat;
					position: relative;
					color: #fff;
					text-decoration: none;
					text-align: center;
					border: 2px solid #fff;

					.attr {
						display: none;
						position: absolute;
						left: 0;
						bottom: 0;
						width: 260px;
						height: 60px;
						background: url(../../assets/images/youxuan-bg-pink.png);

						.title {
							height: 28px;
							line-height: 14px;
							overflow: hidden;
							padding: 7px 5px 0;
						}

						.price {
							height: 25px;
							line-height: 25px;
							overflow: hidden;
						}
					}
				}

				&.i1 {
					left: 8px;
					top: 8px;
				}
				
				&.i2 {
					left: 8px;
					top: 280px;
				}
				
				&.i3 {
					left: 278px;
					top: 280px;
				}

				&.ks-active {
					a {
						.attr {
							display: block;
						}
					}
				}
			}
		}
	}

	.countdown {
		width: 260px;
		height: 260px;
		overflow: hidden;
		background-color: #F1E5D6;
		position: relative;
		color: #fff;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 30;
		background: url(../../assets/images/youxuan-bg.png) no-repeat center center;

		.time-count {
			color: #FC767A;

			.value {
				display: block;
				width: 44px;
				height: 44px;
				line-height: 44px;
				text-align: center;
				font-family: "Times New Roman";
				font-weight: bold;
				font-size: 30px;
				position: absolute;
			}

			.ks-d {
				left: 8px;
				top: 108px;
			}

			.ks-h {
				left: 75px;
				top: 108px;
			}

			.ks-m {
				left: 142px;
				top: 108px;
			}

			.ks-s {
				left: 209px;
				top: 108px;
			}
		}

		.running,
		.ended {
			color: #FFFFFF;
			font-weight: bold;
			font-family: 'Times New Roman';
			font-size: 22px;
			height: 50px;
			line-height: 50px;
			overflow: hidden;
			margin: 55px 0 60px 10px;
		}

		.desc {
			color: #fff;
			font-size: 12px;
			line-height: 18px;
			padding: 0 10px 15px;
		}
	}

}

 
